$(function() {
	//模拟下拉菜单
	var dropDown = $(".dropdown");
	var optionDom = $(".dropdown .option");
	var liDom = $(".dropdown .option ul li");
	var textDom = $(".dropdown .text");
	var triangleDom = $(".triangle");
	var index = 0;
	dropDown.click(function() {
		index = dropDown.index($(this));
		event.stopPropagation();
		optionDom.eq(index).toggle(200);
		triangleDom.eq(index).toggleClass("rotate");
	})
	
	$('.dropdown .option ul').on('click', 'li', function() {
		$(this).parent().parent().prev().prev().html($(this).html());
	})
	
	$(document).click(function() {
		optionDom.slideUp(200);
		triangleDom.removeClass("rotate");
	})
})